@layout("/common/_container.html"){
<link href="https://pynnn.oss-cn-hangzhou.aliyuncs.com/uploadRepairScoreFirst.css" rel="stylesheet">
<div id="uploadRepairScoreFirst">
    <input type="hidden" id="num" value="${num}">
    <input type="hidden" id="classification" value="1">
    <div id="first_Header">上传修复</div>
    <div id="first_Content">
        <div id="first_personnel">
            <div style="margin-left: 15px;">
                <span>医生</span>
                <select name="doctor" id="doctor">
                    <option value="">请选择</option>
                    @for(str in doctorList){
                    @if(info.doctor == str.doctor ){
                    <option value="${str.doctor}" selected="selected">${str.doctor}</option>
                    @}
                    @if(info.doctor != str.doctor ){
                    <option value="${str.doctor}">${str.doctor}</option>
                    @}
                    @}
                </select>
            </div>
            <div>
                <span>护士</span>
                <input type="text" id="nurse" autocomplete="off" value="${info.nurse}">
            </div>
        </div>
        <div id="first_Content_nav">
            <div>备牙前</div>
            <div>备牙后</div>
        </div>
        <div id="first_Content_con">
            <div>
                <div class="one" style="display: flex;">
                    <div>
                        <div id="avatar0BtnId">
                            <div style="margin-bottom: 5px;">患牙特写</div>
                            <div>上传</div>
                        </div>
                        <div id="avatar0PreId">
                            @for(item in infoList){
                                @if(item.classification == '1' && item.imgtpye == '0'){
                                    <div id="${item.imgid}" class="cp_img imagePathBox">
                                        <a href="javascript:void(0)" data-magnify="gallery" data-group="g1" data-src="${item.imageUrl}" data-caption="患牙特写">
                                            <img class="imagePath" src="${item.imageUrl}" alt="..." style="width: 180px;height: 110px;">
                                        </a>
                                        <div class="cp_img_delete">删除</div>
                                    </div>
                                @}
                            @}
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <div class="two" style="display: flex;">
                    <div>
                        <div id="avatar1BtnId">
                            <div style="margin-bottom: 5px;">患牙特写</div>
                            <div>上传</div>
                        </div>
                        <div id="avatar1PreId">
                            @for(item in infoList){
                                @if(item.classification == '1' && item.imgtpye == '1'){
                                    <div id="${item.imgid}" class="cp_img imagePathBox">
                                        <a href="javascript:void(0)" data-magnify="gallery" data-group="g1" data-src="${item.imageUrl}" data-caption="患牙特写">
                                            <img class="imagePath" src="${item.imageUrl}" alt="..." style="width: 180px;height: 110px;">
                                        </a>
                                        <div class="cp_img_delete">删除</div>
                                    </div>
                                @}
                            @}
                        </div>
                    </div>
                    <div>
                        <div id="avatar2BtnId">
                            <div style="margin-bottom: 5px;">工作模</div>
                            <div>上传</div>
                        </div>
                        <div id="avatar2PreId">
                            @for(item in infoList){
                                @if(item.classification == '1' && item.imgtpye == '2'){
                                    <div id="${item.imgid}" class="cp_img imagePathBox">
                                        <a href="javascript:void(0)" data-magnify="gallery" data-group="g1" data-src="${item.imageUrl}" data-caption="工作模">
                                            <img class="imagePath" src="${item.imageUrl}" alt="..." style="width: 180px;height: 110px;">
                                        </a>
                                        <div class="cp_img_delete">删除</div>
                                    </div>
                                @}
                            @}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="first_Footer">
        <button class="btn btn-default" type="button" onclick="storageRepair()">暂存</button>
        <button class="btn btn-default" type="button" onclick="firstClose()">关闭</button>
    </div>
</div>
<script src="${ctxPath}/static/modular/doctorLooked/uploadRepairScoreFirst-icon.js?v=20200718"></script>
<script src="${ctxPath}/static/modular/doctorLooked/uploadRepairScoreFirst.js?v=20200718"></script>
<script>
    $(function () {
        $('#avatar0PreId,#avatar1PreId,#avatar2PreId').Magnify({
            Toolbar: ['prev', 'next', 'rotateLeft', 'rotateRight', 'zoomIn', 'actualSize', 'zoomOut'],
            keyboard:true, draggable:true, movable:true, modalSize:[1100,700],
            beforeOpen:function (obj,data) {}, opened:function (obj,data) {},
            beforeClose:function (obj,data) {}, closed:function (obj,data) {},
            beforeChange:function (obj,data) {}, changed:function (obj,data) {}
        });
    })
</script>
@}